<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>登录/注册</title>
    <link rel="stylesheet" href="/SIGN IN OR REGISTER.css">
</head>

<body>
    <div class="banxin">
        <div class="ydd_con nav">
            <div class="ydd_1000">
                <div class="logo left">
                    <h1>
                        <img src="/img/images/logo.jpg" width="170" height="60" alt="茶之都官网">
                    </h1>
                </div>
                <ul class="one">
                    <li>
                        <p><a href="TCOT.html">首 页</a></p>
                        <span>HOME</span>
                    </li>
                    <li>
                        <p><a href="SPECIES.html">茶叶种类</a></p>
                        <span>SPECIES</span>
                    </li>
                    <li>
                        <p><a href="EFFECT.html">茶叶功效</a></p>
                        <span>EFFECT</span>
                    </li>
                    <li>
                        <p><a href="NEWS.html">新闻动态</a></p>
                        <span>NEWS</span>
                    </li>
                    <li>
                        <p><a href="STORE.html">店铺展示</a></p>
                        <span>STORE</span>
                    </li>
                    <li>
                        <p><a href="SIGN IN OR REGISTER.html">登录/注册</a></p>
                        <span>SIGN IN / REGISTER</span>
                    </li>
                </ul>
            </div>
        </div>
        <div>
            <div class="bg">
                <img src="/img/images/bg.jpg">
                <div class="sign in">
                    <label for="username" style="font-size:18px">用户名：</label>
                    <div style="height:35px;width:400px;position:relative;display:inline">
                        <!--相关位置-->
                        <!--此处为相关位置与绝对位置联合使用-->
                        <input id="username" type="text" style="height:30px;width:350px;padding-right:50px;">
                        <span style="position:absolute;right:18px;top:2px;background-image:url(user.ico);height:16px;width:16px;display:inline-block;"></span>
                        <!--绝对位置-->
                    </div>
                    <br/>
                    <br/>
                    <label for="password1" style="font-size:18px">&nbsp密码：</label>
                    <div style="height:35px;width:400px;position:relative;display:inline">
                        <!--相关位置-->
                        <!--此处为相关位置与绝对位置联合使用-->
                        <input id="password1" type="text" style="height:30px;width:350px;padding-right:50px;">
                        <span style="position:absolute;right:16px;top:2px;background-image:url(p.ico);height:16px;width:16px;display:inline-block;"></span>
                        <!--绝对位置-->
                    </div>
                    <br/>
                    <br/>
                    <label for="verification_code" style="font-size:18px">验证码：</label>
                    <input id="verification_code" type="text" style="height:30px;width:350px;">
                    <br/>
                    <br/>
                    <div style="width:426px;float: right;">
                        <input type="radio" name="auto_login" value="1" /> 自动登录
                        <a herf="找回密码网址">忘记密码？</a>
                        <a href="http://localhost:63342/jichu/day16/注册.html?_ijt=eb8klk8d781ojsf5e8eb7tjf41">注册</a>
                    </div>
                    <br/>
                    <br/>
                    <div style="width:426px;float: right;">
                        <input type="submit" value="登录" style="height:30px;width:400px;background-color:red;" />
                    </div>
                </div>
            </div>

        </div>
    </div>

</body>

</html>